<template>
  <nav class="tab">
      <tab-sub
        v-for="item of cityDatas"
        :key="item.cityId"
        :cityInfo="item"
      ></tab-sub>
  </nav>
</template>

<script>
import TabSub from './Sub';
import cityDatas from 'data/cities';
export default {
  name: 'Tab',
  components: {
      TabSub,
  },
  data () {
      return {
          cityDatas
      }
  }

}
</script>

<style lang="scss" scoped>

</style>